<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">

<!DOCTYPE html>
<html>
    <head>        
        <jsp:include page="recursos/includes/Header.jsp"></jsp:include>
    </head>
    <body>
        <div data-role="page" id="page1">
            <div data-theme="b" data-role="header" data-position="fixed">
                <h3>
                    SISTEMA MOBIL RESTAURANTE
                </h3>
            </div>
            <div data-theme="b" data-role="header" data-position="fixed">
                <h2>
                    Listado de Mesas Disponibles.
                </h2>
            </div>
            <div data-role="content">
                <div class="ui-grid-b">
                    <table width="100%">
                        <tr>
                            <td width="100%" colspan="2" align="center" style="font-size: x-large; font-style: oblique">
                                ASIGNA CLIENTE
                            </td>
                        </tr>
                        <tr>
                            <td width="100%" colspan="2" style="background: #0066FF">
                            </td>
                        </tr>
                        <tr>
                            <td width="30%" style="font-size: x-large; font-style: oblique">
                                N° de Mesa
                            </td>
                            <td>
                                <input type="text" size="10" id="txt_mesaCliente" disabled="true"/>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <div id="listaMesasDiv" data-role="content">
                                    <ul data-role="listview" data-theme="g" id="listaClientesUl">
                                    </ul>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td colspan="2" width="100%">
                                <div>
                                    <a href="registroCliente.jsp" data-theme="b" data-mini="true" data-role="button">Registrar Cliente</a>
                                </div>
                            </td>
                        </tr>
                    </table>
                </div>
            </div>
        </div>
    </body>
</html>